<!DOCTYPE html>
<html lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title> Firefox 下载与安装 </title>
  <!--[if lte IE 7]>
  <link rel="stylesheet" href="./media/css/mozcn/iefix.css">
  <![endif]-->
  
  <!--[if lte IE 8]>
  <script src="./media/js/libs/html5shiv.js"></script>
  <![endif]-->
  <style>
		/*复位*/
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    }
    /*块级元素*/
    article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
    display: block;
    }

    /*功能容器*/
    #masthead, #main-feature, #main-content, #colophon, .billboard, .container {
    display: block;
    margin: 0 auto;
    padding-left: 48px;
    padding-right: 48px;
    position: relative;
    zoom: 1;
    }
    /*基础字体*/
    body {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Open Sans',sans-serif;
    color: #333;
    background: #fff;
    }
    /*标题元素*/
    h1, h2, h3, h4, h5, h6, legend, .huge, .large {
    font-family: 'Open Sans Light',sans-serif;
    font-weight: normal;
    display: block;
    margin: 0 0 12px 0;
    line-height: 100%;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    color: #484848;
    }
    /*列表元素*/
    p, ul, ol, dl, hgroup {
    margin: 0 0 20px 0;
    }
    /*背景图片*/
    .sky #outer-wrapper {
    background: #eee url(./media/img/grain.png) repeat;
    background: url(./media/img/bg-gradient-sky.png) repeat-x 0 0,url(./media/img/grain.png) repeat 0 0,#eee;
    }
    /*蓝色超链*/
    .sky a {
    color: #67a7d0;
    }
    /*页面容器*/
    #wrapper {
    padding-bottom: 40px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    }
    /*特大标题*/
    #main-feature hgroup h1 span.large {
    font-size: 64px;
    letter-spacing: -3px;
    }
    /*特性白板*/
    .billboard {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    -moz-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    background: #fff;
    border-bottom: 1px solid #ddd;
    zoom: 1;
    }
    .billboard:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ".";
    }
    /*内容单元*/
    .billboard section {
    float: left;
    margin: 0 16px 20px;
    width: 420px;
    }
    /*特殊文字*/
    #trust-badge {
    position: relative;
    width: 300px;
    margin: 0 auto 60px;
    padding: 10px;
    border-radius: 40px;
    background: #fff;
    background: rgba(255,255,255,0.55);
    box-shadow: 0 0 10px 4px rgba(0,0,0,0.08);
    }
    #trust-badge-content {
    border-radius: 30px;
    padding: 35px;
    background: #fff;
    background: rgba(255,255,255,0.65);
    text-align: center;
    }
    #trust-badge:after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -150px;
    content: '';
    height: 10px;
    width: 300px;
    background-image: -moz-radial-gradient(center center,ellipse closest-side,rgba(0,0,0,0.25) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-radial-gradient(center center,ellipse closest-side,rgba(0,0,0,0.25) 0,rgba(0,0,0,0) 100%);
    background-image: -o-radial-gradient(center center,ellipse closest-side,rgba(0,0,0,0.25) 0,rgba(0,0,0,0) 100%);
    background-image: radial-gradient(center center,ellipse closest-side,rgba(0,0,0,0.25) 0,rgba(0,0,0,0) 100%);
    }
    #trust-badge-content span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: #5d7489;
    display: block;
    }
	</style>
 </head>
 <body id="" class="html-ltr sky">

  <div id="outer-wrapper">
      <div id="wrapper">
         <div id="main-feature" class="stacked">
          <hgroup class="stacked">
            <h1><span class="large">下载与安装</span></h1>
            <h4>全球超过5亿用户使用的浏览器，你也来下载安装吧！</h4>
          </hgroup>
         </div>
          <div class="billboard" id="features">
            <h1>特性速览</h1>
            <section>
              <h3>前所未有的快</h3>
              <p>在独立的基准及绩效测试体系下，Firefox 获得“速度之王”称号。无论是专业测速还是您的日常操作，Firefox 都将给您最快的浏览体验。</p>
              <img src=" ./media/img/mozcn/download/feature-speed.png">
              <p id="speed-citation" style="text-align: center; font-size: 80%">* 基于 <a href="http://www.tomshardware.com/reviews/chrome-27-firefox-21-opera-next,3534.html" target="_blank">Tom’s 硬件指南的第16届网络浏览器大奖赛</a> 的结果。</p>
            </section>

            <section>
              <h3>信任无法创造，只能赢得</h3>
              <p>我们基于“以您为尊”的使命打造 Firefox，这一原则高于一切。为了保证您的控制权、让您无忧上网浏览，我们不断努力，推进并支持了诸如“请勿追踪”等一系列标准。</p>
              <div id="trust-badge">
                <div id="trust-badge-content">
                  <span>荣获在隐私保护上</span><span>最可信的互联网公司</span>
                  <a href="https://blog.mozilla.org/blog/2013/01/28/privacy-day-2013/" class="more" target="_blank">了解更多</a>
                </div>
              </div>
            </section>

            <section>
              <h3>数以万计的扩展/插件</h3>
              <p>Firefox 的扩展中心有几万个扩展和插件，已被累计下载安装高达 40 亿次！在这里，您可以找到您需要的全部功能，也可以方便的将浏览器打造成您想要的样子。<a href="https://addons.mozilla.org/" class="more" target="_blank">前往扩展中心</a></p>
              <img src=" ./media/img/mozcn/download/feature-addon.png">
            </section>

            <section>
              <h3>不同设备间保持同步</h3>
              <p>使用火狐同步，您可以方便的在不同的电脑、手机之间保持数据同步，无论书签、历史、密码、打开的标签页、选项设置等，都可以轻松保持一致。<a href="https://support.mozilla.org/kb/how-do-i-set-up-firefox-sync" class="more" target="_blank">进一步了解同步</a></p>
              <img src=" ./media/img/mozcn/download/feature-sync.png">
            </section>
          </div>
      </div>
  </div>
 </body>
</html>